<{include file="admin:common/header.html"}>
<div class="page-title">
    <table width="100%" align="center" cellpadding="0" cellspacing="0" >
      <tr>
        <td width="30" align="right"><img src="<{$pager.url}>/images/main-h5-ico.gif" alt="" /></td>
        <th><{$MOD.title}></th>
        <td align="right"><{link ctl="weixin/weixin:index" priv="hidden" class="button"}></td>
        <td width="15"></td>
      </tr>
    </table>
</div>
<link href="/themes/default/weixin/static/style/leaflets.css" rel="stylesheet">
<style type="text/css">html{background: none;} #leaflets .container.body{color:#F5F5F5;}#leaflets div{color:#CCC;font-family: "微软雅黑"}</style>
<div class="page-data" style="height:800px;">
<form action="?weixin/weixin-leaflets.html" mini-form="weixin-form" method="post" ENCTYPE="multipart/form-data">
<input type="hidden" name="wx_id" value="<{$weixin.wx_id}>"/>
<table width="100%" border="0" cellspacing="0" class="table-data form">
<tr>
    <th>公众号：</th><td><b class="blue"><{$weixin.wx_name}>(<{$weixin.wx_sid}>)</b></td>
    <td style="text-align:right"><{if $leaflets}><a href="<{if $CONFIG.site.rewrite}>/weixin/page-leaflets-<{$weixin.wx_id}>.html<{else}>/index.php?weixin/page-leaflets-<{$weixin.wx_id}>.html<{/if}>" target="_blank" class="button">查看推广页效果</a><{/if}></td>
</tr>
<tr>
    <th>宣传页标题名：</th>
    <td><input type="text" name="data[title]" value="<{$leaflets.title}>" class="input w-300" /></td>
    <td rowspan="5" style="border-left:1px solid #EEE;">
<div id="leaflets" style="width:380px;float:right;margin-right:10px;border-radius:5px;">
    <div class="container body">
        <h1><{$leaflets.title}></h1>
        <div class="qrcode">
            <img src="<{$pager.img}>/<{$leaflets.photo}>">
        </div>
        <div class="qr_tips">请使用微信扫描二维码关注此公众号</div>
        <div class="desc"><{$leaflets.content}></div>
        <p class="copyright"><{$leaflets.copyright}></p>
    </div>    
</div>
    </td>
</tr>
<tr><th>二维码图片：</th>
    <td>
        <{if $leaflets.photo}><img src="<{$pager.img}>/<{$leaflets.photo}>" photo="<{$pager.img}>/<{$leaflets.photo}>" class="wh-100"/><{/if}>
        <input type="file" name="weixin_photo" class="input w-200"/><br /><span class="tip-comment">到公众平台下载边长为12CM的二维码图片再上传</span>
    </td>
</tr>
<tr>
    <th>功能简介：</th>
    <td><textarea name="data[content]" class="textarea w-300"><{$leaflets.content}></textarea></td>
</tr>
<tr>
    <th>版权信息：</th>
    <td><input type="text" name="data[copyright]" value="<{$leaflets.copyright}>" class="input w-300" /></td>
</tr>
<tr><th class="clear-th-bottom"></th><td class="clear-td-bottom" colspan="10"><input type="submit" class="bt-big" value="提交数据" /></td></tr>
</table>
</form>
</div>
<script type="text/javascript">
(function(K, $){
    $('input[name="data[copyright]"]').keyup(function(){
        $('#leaflets .copyright').html($(this).val());
    });
    $('textarea[name="data[content]"]').keyup(function(){
        $('#leaflets .desc').html($(this).val());
    });
    $('input[name="data[title]"]').keyup(function(){
        $('#leaflets h1').html($(this).val());
    });
})(window.KT, window.jQuery);
</script>
</div>
<{include file="admin:common/footer.html"}>